{extend name="common/base" /}
{block name="title"}
走心更走胃-{$product:name}
{/block}

{block name="css"}
<link rel="stylesheet" href="/static/css/show_process.css">
{/block}

{block name="main"}
<section class="one">
    <p>{$product:name}</p>
    <div class="pic">
        <img src="{$product:image}" style="width:640px;height:640px;border-radius: 6px;">
    </div>
    <div class="material">
        <img src="/static/images/material.jpg">
        <dl>
            <dt>主料</dt>
            {volist name="$product:seasonings" id="item"}
                {if condition="$item.type == 0"}
            <dd>{$item:name}<span>{$item:amount}
</span></dd>
            {/if}
            {/volist}

            <dt>辅料</dt>
            {volist name="$product:seasonings" id="item"}
            {if condition="$item.type == 1"}
            <dd>{$item:name}<span>{$item:amount}</span></dd>
            {/if}
            {/volist}
        </dl>
    </div>
</section>
<section class="two">
    <p><img src="/static/images/process.jpg"></p>
    <dl class="left">
        {volist name="$product:processes" id="item" key="k"}
        {if condition="$k%2 == 1"}
        <dt class="process">{$item:sort}.{$item:content}</dt>
        <dd><img src="/static/{$item->image}"></dd>
        {/if}
        {/volist}
    </dl>
    <dl class="right">
        {volist name="$product:processes" id="item" key="k"}
        {if condition="$k%2 == 0"}
        <dt class="process">{$item:sort}.{$item:content}</dt>
        <dd><img src="/static/{$item:image}"></dd>
        {/if}
        {/volist}
    </dl>
</section>
{/block}